import { Column } from '@/components/pro-panel/index.typing';

const columns: Column[] = [
  {
    label: '样式',
    prop: 'backgroundStyle',
    type: 'select',
    options: [
      {
        label: '圆形',
        value: 'arc',
      },
      {
        label: '三角形',
        value: 'triangle',
      },
      {
        label: '正方形',
        value: 'rect',
      },
    ],
    formProps: { placeholder: '圆形' },
  },
  {
    label: '填充',
    prop: 'backgroundColor',
    type: 'color-picker',
  },
  {
    type: 'slot',
    prop: 'backgroundRadiusSelect',
    label: '尺寸',
    options: [],
    span: 11,
  },
  {
    type: 'slot',
    prop: 'addIconSlot',
    label: ' ',
    span: 2,
  },
  {
    type: 'input-number',
    prop: 'backgroundCornerradius',
    label: ' ',
    span: 11,
    formProps: {
      controls: false,
      // onChange: (value, a, aa) => {
      //   console.log('--------------backgroundCornerradius onChange------------------');
      //   console.log('value', value);
      //   console.log('a', a);
      //   console.log('aa', aa);
      // },
    },
  },
  {
    type: 'input-number',
    prop: 'backgroundOutlineWidth',
    label: '边框',
    span: 11,
    formProps: {
      controls: false,
    },
  },
  {
    type: 'slot',
    prop: 'addIconSlot',
    label: ' ',

    span: 2,
  },
  {
    type: 'color-picker',
    prop: 'backgroundOutlineColor',
    label: ' ',

    span: 11,
    formProps: {
      controls: false,
    },
  },

  {
    label: '透明度',
    prop: 'backgroundAlpha',
    type: 'progress-input',
    formProps: { min: 0, max: 1, step: 0.01 },
  },

  // {
  //   label: '旋转速度',
  //   prop: 'alpha',
  //   type: 'progress-input',
  //   formProps: { min: 0, max: 2, step: 0.01 },
  // },

  // {
  //   label: '',
  //   prop: '垂直发光',
  //   type: 'checkbox',
  //   options: [{ label: '垂直发光', value: 1 }],
  // },

  {
    type: 'checkbox',
    prop: 'markerImageTop',
    label: '',
    options: [{ label: '优先显示', value: true }],
  },

  {
    type: 'checkbox',
    prop: 'scaleByDistanceArray',
    label: '跟随缩放',
    options: [{ label: '跟随缩放', value: 1 }],
  },
  {
    type: 'select',
    prop: 'field',
    label: '文字显示',
    options: [],
  },
  {
    type: 'progress-input',
    prop: 'font',
    label: '文字大小',
    formProps: {
      min: 10,
      max: 50,
      step: 1,
    },
  },
  {
    type: 'color-picker',
    prop: 'fillColor',
    label: '文字颜色',
  },
];

export default columns;
